<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人页面</title>
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/mine.min.css">
</head>

<body>
    <div class="wrap">
        <!-- 头部 -->
        <header>
            <a href="./index.html"><button>Back</button></a>
            <h2>产品详细</h2>
            <i class="iconfont icon-xinfeng">
                <div class="information-number">2</div>
            </i>
        </header>
        <!-- 主体 -->
        <main>
            <section class="mine-information">
                <div class="head-picture"></div>
                <div class="information-set">
                    <a href="">点击登陆</a>
                    <a href="">常居地未设置</a>
                </div>
                <div class="go-set">
                    <a href="">&gt;</a>
                </div>
            </section>
            <section class="my-box">
                <div class="my-evaluation">
                    <i class="iconfont icon-idea-full"></i>
                    <span>我的点评</span>
                </div>
                <div class="my-collection">
                    <i class="iconfont icon-shoucang"></i>
                    <span>我的收藏</span>
                </div>
                <div class="my-coupon">
                    <i class="iconfont icon-idea-full"></i>
                    <span>我的优惠券</span>
                </div>
            </section>
            <section class="other-set">
                <div class="money">
                    <div class="title">
                        <div class="left">
                            <i class="iconfont icon-qianbao"></i>
                            <span>我的钱包</span>
                        </div>
                        <div class="right">
                            <span>更多</span>
                            <i class="iconfont icon-gengduo"></i>
                        </div>
                    </div>
                </div>
                <div class="wait">
                    <div class="title">
                        <div class="left">
                            <i class="iconfont icon-idea-full"></i>
                            <span>待点评</span>
                        </div>
                        <div class="right">
                            <span>更多</span>
                            <i class="iconfont icon-gengduo"></i>
                        </div>
                    </div>
                </div>
                <div class="friend">
                    <div class="title">
                        <div class="left">
                            <i class="iconfont icon-wangluo"></i>
                            <span>找好友</span>
                        </div>
                        <div class="right">
                            <span>更多</span>
                            <i class="iconfont icon-gengduo"></i>
                        </div>
                    </div>
                </div>
                <div class="footprint">
                    <div class="title">
                        <div class="left">
                            <i class="iconfont icon-shizhong"></i>
                            <span>我的足迹</span>
                        </div>
                        <div class="right">
                            <span>更多</span>
                            <i class="iconfont icon-gengduo"></i>
                        </div>
                    </div>
                </div>
            </section>
            <section class="my-set">
                <div class="setting">
                    <div class="title">
                        <div class="left">
                            <i class="iconfont icon-shezhi"></i>
                            <span>设置</span>
                        </div>
                        <div class="right">
                            <span>更多</span>
                            <i class="iconfont icon-gengduo"></i>
                        </div>
                    </div>
                </div>
                <div class="phone">
                    <div class="title">
                        <div class="left">
                            <i class="iconfont icon-dianhua"></i>
                            <span>联系</span>
                        </div>
                        <div class="right">
                            <span>更多</span>
                            <i class="iconfont icon-gengduo"></i>
                        </div>
                    </div>
                </div>
            </section>
            <section class="quit-off">
                <button class="quit">退出</button>
                <button class="log-off">注销</button>
            </section>
        </main>
        <!-- 底部导航栏 -->
        <footer>
            <a href="./index.html">
                <i class="iconfont icon-shouye"></i>
                <p>首页</p>
            </a>
            <a href="./class.html">
                <i class="iconfont icon-fenlei1"></i>
                <p>分类</p>
            </a>
            <a href="./discovery.html">
                <i class="iconfont icon-faxian"></i>
                <p>发现</p>
            </a>
            <a href="./mine.html">
                <i class="iconfont icon-wodefill"></i>
                <p>我的</p>
            </a>
        </footer>
    </div>
</body>

</html>